﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="SampleMenu.aspx.cs" Inherits="SampleMenu" %>

<%@ Register Assembly="C1.Web.UI.Controls.3" Namespace="C1.Web.UI.Controls.C1Gauge" TagPrefix="c1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    When setting up the C1Gauge control, choose between radial or linear shapes. Radial gauges can be circular, helical, arc curve, clamshell, or half-circular.
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <div class="split50" style="height: 250px">
        <h3>
            Radial</h3>
        <c1:C1Gauge ID="C1Gauge9" runat="server" EnableAjax="True" BackImageLayout="None" Height="191px" ImageFormat="Png" TextRenderingHint="AntiAlias" ViewTag="640505324143004351" Width="236px">
            <Gauges>
                <c1:C1RadialGauge Maximum="120" Name="C1RadialGauge3" StartAngle="-130" SweepAngle="260" ViewTag="639930353501108013" Radius="0.45">
                    <Cap Radius="14">
                        <Border Color="117, 117, 117" Thickness="0.5" />
                        <Filling BrushType="Gradient" Color="74, 80, 89" Color2="83, 84, 83" />
                        <Gradient Direction="Vertical" />
                        <MoreCircles>
                            <c1:C1GaugeCapCircle Filling-BrushType="Gradient" Filling-Color="37, 41, 45" Filling-Color2="169, 170, 171" Gradient-Direction="Vertical" Radius="8.5" />
                            <c1:C1GaugeCapCircle Filling-BrushType="Gradient" Filling-Color="74, 80, 89" Filling-Color2="37, 41, 45" Gradient-Direction="Vertical" Radius="8" />
                        </MoreCircles>
                        <Shadow Color="73, 80, 89" OffsetX="1" Opacity="0.5" Visible="True" />
                    </Cap>
                    <Decorators>
                        <c1:C1GaugeRange Alignment="In" AntiAliasing="LowQuality" Location="97" ViewTag="685247798748123549">
                            <Border LineStyle="None" />
                            <ValueColors>
                                <c1:C1GaugeValueColor Color="185, 191, 200" Value="0" ViewTag="685810748701544861" />
                                <c1:C1GaugeValueColor Color="169, 170, 171" Value="30" ViewTag="646408383518178919" />
                                <c1:C1GaugeValueColor Color="169, 170, 171" Value="60" ViewTag="644438052407375485" />
                                <c1:C1GaugeValueColor Color="76, 133, 62" Value="60" ViewTag="644719527623749849" />
                                <c1:C1GaugeValueColor Color="50, 99, 42" Value="70" ViewTag="646689859674567049" />
                                <c1:C1GaugeValueColor Color="50, 99, 42" Value="80" ViewTag="645001003190904276" />
                                <c1:C1GaugeValueColor Color="243, 230, 156" Value="80" ViewTag="645282479933345926" />
                                <c1:C1GaugeValueColor Color="240, 164, 32" Value="90" ViewTag="646971334896531733" />
                                <c1:C1GaugeValueColor Color="240, 164, 32" Value="100" ViewTag="645563955232075001" />
                                <c1:C1GaugeValueColor Color="235, 100, 62" Value="100" ViewTag="645845430697773625" />
                                <c1:C1GaugeValueColor Color="155, 38, 32" Value="110" ViewTag="647252810247523796" />
                                <c1:C1GaugeValueColor Color="155, 38, 32" Value="120" ViewTag="646126906011193540" />
                            </ValueColors>
                        </c1:C1GaugeRange>
                        <c1:C1GaugeMarks Alignment="In" Interval="10" Length="15" Location="97" ViewTag="647248702895735084" Width="2">
                            <Border Color="64, 64, 64" LineStyle="None" />
                            <Filling Color="83, 83, 83" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeMarks Alignment="In" Interval="2.5" Length="12" Location="97" ViewTag="647811652849166397" Width="1">
                            <Border Color="64, 64, 64" LineStyle="None" />
                            <Filling Color="White" Opacity="0.9" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeLabels Color="73, 80, 89" FontSize="12" Interval="10" Location="70" ViewTag="648374602802587709" AllowFlip="True" Font="Microsoft Sans Serif, 8.25pt, style=Bold">
                        </c1:C1GaugeLabels>
                        <c1:C1GaugeSingleMark Angle="180" Length="18" Location="80" PointerIndex="100" Shape="Round" ViewTag="648937552756029023" Width="18">
                            <Border Color="White" />
                            <ValueColors>
                                <c1:C1GaugeValueColor Color="185, 191, 200" Value="0" ViewTag="649500502709460336" />
                                <c1:C1GaugeValueColor Color="169, 170, 171" Value="60" ViewTag="650063452662881648" />
                                <c1:C1GaugeValueColor Color="76, 133, 62" Value="60" ViewTag="650626402616302960" />
                                <c1:C1GaugeValueColor Color="50, 99, 42" Value="80" ViewTag="651189352569724272" />
                                <c1:C1GaugeValueColor Color="243, 230, 156" Value="80" ViewTag="651752302523145584" />
                                <c1:C1GaugeValueColor Color="240, 164, 32" Value="100" ViewTag="652315252476566896" />
                                <c1:C1GaugeValueColor Color="235, 100, 62" Value="100" ViewTag="652878202429988208" />
                                <c1:C1GaugeValueColor Color="155, 38, 32" Value="120" ViewTag="653441152383409520" />
                            </ValueColors>
                        </c1:C1GaugeSingleMark>
                    </Decorators>
                    <FaceShapes>
                        <c1:C1GaugeEllipse Height="-1.08" Width="-1.08">
                            <Border Color="37, 41, 45" Thickness="0.5" />
                            <Filling BrushType="Gradient" Color="83, 84, 83" Color2="37, 41, 45" HatchStyle="Horizontal" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeEllipse>
                        <c1:C1GaugeEllipse Height="-1.05" Width="-1.05">
                            <Border Color="83, 84, 83" Thickness="0.5" />
                            <Filling BrushType="Gradient" Color="37, 41, 45" Color2="74, 80, 89" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeEllipse>
                        <c1:C1GaugeEllipse Height="-1.02" Width="-1.02">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="185, 191, 200" Color2="208, 211, 218" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeEllipse>
                        <c1:C1GaugeEllipse Height="-0.98" Width="-0.98">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="83, 84, 83" Color2="231, 240, 241" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeEllipse>
                        <c1:C1GaugeEllipse Height="-0.97" Width="-0.97">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="243, 244, 245" Color2="185, 191, 200" />
                            <Gradient Direction="RadialInner" />
                        </c1:C1GaugeEllipse>
                        <c1:C1GaugeEllipse CenterPointY="0.9" Height="21" Width="21">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="169, 170, 171" Color2="231, 240, 241" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeEllipse>
                    </FaceShapes>
                    <CoverShapes>
                        <c1:C1GaugeSegment InnerRadius="150" SweepAngle="180" OuterRadius="97" StartAngle="-110">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="White" Color2="White" Opacity="0.2" Opacity2="0.8" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSegment>
                        <c1:C1GaugeSegment InnerRadius="15" OuterRadius="8" StartAngle="-110" SweepAngle="180">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="White" HatchStyle="Horizontal" Opacity="0" Opacity2="0.2" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSegment>
                        <c1:C1GaugeEllipse CenterPointY="0.885" Height="10" Width="10">
                            <Border LineStyle="None" />
                            <Filling Color="White" Opacity="0.3" />
                        </c1:C1GaugeEllipse>
                    </CoverShapes>
                    <Pointer Offset="-25" Shape="Custom" Value="50" Length="115">
                        <CustomShape EndRadius="1" EndWidth="2" StartWidth="12" StartRadius="3" />
                        <Border Color="200, 240, 90, 40" />
                        <Filling BrushType="Gradient" Color="240, 90, 40" Color2="253, 207, 153" />
                        <Gradient Direction="BackwardDiagonal" />
                        <Shadow Visible="True" Color="73, 80, 89" OffsetX="1" OffsetY="1" Opacity="0.5" />
                    </Pointer>
                </c1:C1RadialGauge>
            </Gauges>
        </c1:C1Gauge>
    </div>
    <div class="split50" style="height: 250px">
        <h3>
            Half Circle</h3>
        <c1:C1Gauge ID="C1Gauge8" runat="server" EnableAjax="True" BackImageLayout="None" Height="191px" ImageFormat="Png" TextRenderingHint="AntiAlias" ViewTag="640505324143004351" Width="236px">
            <Gauges>
                <c1:C1RadialGauge Maximum="120" Name="C1RadialGauge2" StartAngle="-110" SweepAngle="220" ViewTag="639930353501108013" PointerOriginY="0.67" Radius="0.64" Viewport-AspectPinX="0.5" Viewport-AspectPinY="0.5" Viewport-AspectRatio="1.35">
                    <Cap Radius="14">
                        <Border Color="117, 117, 117" />
                        <Filling BrushType="Gradient" Color="83, 84, 83" Color2="74, 80, 89" />
                        <Gradient Direction="Vertical" />
                        <MoreCircles>
                            <c1:C1GaugeCapCircle Filling-BrushType="Gradient" Filling-Color="37, 41, 45" Filling-Color2="169, 170, 171" Gradient-Direction="Vertical" Radius="8" />
                            <c1:C1GaugeCapCircle Filling-BrushType="Gradient" Filling-Color="74, 80, 89" Filling-Color2="37, 41, 45" Gradient-Direction="Vertical" Radius="7.5" />
                        </MoreCircles>
                        <Shadow Color="73, 80, 89" Opacity="0.4" Visible="True" />
                    </Cap>
                    <Decorators>
                        <c1:C1GaugeRange Alignment="In" AntiAliasing="LowQuality" Location="93" ViewTag="685247798748123549">
                            <Border LineStyle="None" />
                            <ValueColors>
                                <c1:C1GaugeValueColor Color="185, 191, 200" Value="0" ViewTag="685810748701544861" />
                                <c1:C1GaugeValueColor Color="169, 170, 171" Value="30" ViewTag="646408383518178919" />
                                <c1:C1GaugeValueColor Color="169, 170, 171" Value="60" ViewTag="644438052407375485" />
                                <c1:C1GaugeValueColor Color="76, 133, 62" Value="60" ViewTag="644719527623749849" />
                                <c1:C1GaugeValueColor Color="50, 99, 42" Value="70" ViewTag="646689859674567049" />
                                <c1:C1GaugeValueColor Color="50, 99, 42" Value="80" ViewTag="645001003190904276" />
                                <c1:C1GaugeValueColor Color="243, 230, 156" Value="80" ViewTag="645282479933345926" />
                                <c1:C1GaugeValueColor Color="240, 164, 32" Value="90" ViewTag="646971334896531733" />
                                <c1:C1GaugeValueColor Color="240, 164, 32" Value="100" ViewTag="645563955232075001" />
                                <c1:C1GaugeValueColor Color="235, 100, 62" Value="100" ViewTag="645845430697773625" />
                                <c1:C1GaugeValueColor Color="155, 38, 32" Value="110" ViewTag="647252810247523796" />
                                <c1:C1GaugeValueColor Color="155, 38, 32" Value="120" ViewTag="646126906011193540" />
                            </ValueColors>
                        </c1:C1GaugeRange>
                        <c1:C1GaugeMarks Alignment="In" Interval="10" Length="15" Location="93" ViewTag="647248702895735084" Width="2">
                            <Border LineStyle="None" />
                            <Filling Color="83, 83, 83" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeMarks Alignment="In" Interval="2.5" Length="12" Location="93" ViewTag="647811652849166397" Width="1">
                            <Border LineStyle="None" />
                            <Filling Color="White" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeLabels Color="73, 80, 89" FontSize="10" Interval="10" Location="68" ViewTag="648374602802587709">
                        </c1:C1GaugeLabels>
                    </Decorators>
                    <FaceShapes>
                        <c1:C1GaugeSector CenterRadius="17" CornerRadius="15" InnerRadius="-48" OuterRadius="102" StartAngle="-110" SweepAngle="220">
                            <Border Color="37, 41, 45" Thickness="0.5" />
                            <Filling BrushType="Gradient" Color="83, 84, 83" Color2="37, 41, 45" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSector>
                        <c1:C1GaugeSector CenterRadius="14" CornerRadius="12" InnerRadius="-45" OuterRadius="99" StartAngle="-110" SweepAngle="220">
                            <Border Color="83, 84, 83" Thickness="0.5" />
                            <Filling BrushType="Gradient" Color="37, 41, 45" Color2="74, 80, 89" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSector>
                        <c1:C1GaugeSector CenterRadius="12" CornerRadius="10" InnerRadius="-43" OuterRadius="97" StartAngle="-110" SweepAngle="220">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="185, 191, 200" Color2="208, 211, 218" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSector>
                        <c1:C1GaugeSector CenterRadius="9" CornerRadius="7" InnerRadius="-40" OuterRadius="94" StartAngle="-110" SweepAngle="220">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="83, 84, 83" Color2="231, 240, 241" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSector>
                        <c1:C1GaugeSector CenterRadius="8" CornerRadius="6" InnerRadius="-39" OuterRadius="93" StartAngle="-110" SweepAngle="220">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="243, 244, 245" Color2="185, 191, 200" />
                            <Gradient Direction="RadialInner" />
                        </c1:C1GaugeSector>
                    </FaceShapes>
                    <CoverShapes>
                        <c1:C1GaugeSegment InnerRadius="150" SweepAngle="180" OuterRadius="93" StartAngle="-110">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="Transparent" Color2="White" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSegment>
                        <c1:C1GaugeSegment InnerRadius="15" OuterRadius="7.5" StartAngle="-110" SweepAngle="180">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="Transparent" Color2="White" Opacity="0.1" Opacity2="0.1" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSegment>
                    </CoverShapes>
                    <Pointer Offset="-25" Shape="Custom" Value="30" Length="115">
                        <CustomShape EndRadius="1" EndWidth="2" StartWidth="12" StartRadius="3" />
                        <Border Color="200, 240, 90, 40" />
                        <Filling BrushType="Gradient" Color="240, 90, 40" Color2="253, 207, 153" />
                        <Gradient Direction="BackwardDiagonal" />
                        <Shadow Visible="True" Color="73, 80, 89" Opacity="0.4" />
                    </Pointer>
                </c1:C1RadialGauge>
            </Gauges>
        </c1:C1Gauge>
    </div>
    <div class="split50" style="height: 250px">
        <h3>
            Clam Shell</h3>
        <c1:C1Gauge ID="C1Gauge7" runat="server" EnableAjax="True" BackImageLayout="None" Height="191px" ImageFormat="Png" TextRenderingHint="AntiAlias" ViewTag="640505324143004351" Width="236px">
            <Gauges>
                <c1:C1RadialGauge Maximum="120" Name="C1RadialGauge1" StartAngle="-90" SweepAngle="90" ViewTag="639930353501108013" PointerOriginX="0.8" PointerOriginY="0.8" Radius="0.76" Viewport-AspectPinX="0.5" Viewport-AspectPinY="0.5" Viewport-AspectRatio="1">
                    <Cap Radius="8">
                        <Border Color="117, 117, 117" />
                        <Filling BrushType="Gradient" Color="83, 84, 83" Color2="74, 80, 89" />
                        <Gradient Direction="Vertical" />
                        <MoreCircles>
                            <c1:C1GaugeCapCircle Filling-BrushType="Gradient" Filling-Color="37, 41, 45" Filling-Color2="169, 170, 171" Radius="4.5" />
                            <c1:C1GaugeCapCircle Filling-BrushType="Gradient" Filling-Color="74, 80, 89" Filling-Color2="37, 41, 45" Gradient-Direction="Vertical" Radius="4.25" />
                        </MoreCircles>
                        <Shadow Color="73, 80, 89" Opacity="0.4" Visible="True" />
                    </Cap>
                    <Decorators>
                        <c1:C1GaugeRange Alignment="Out" AntiAliasing="LowQuality" Location="72" ViewTag="685247798748123549" Width="8">
                            <Border LineStyle="None" />
                            <ValueColors>
                                <c1:C1GaugeValueColor Color="185, 191, 200" Value="0" ViewTag="685810748701544861" />
                                <c1:C1GaugeValueColor Color="169, 170, 171" Value="30" ViewTag="646408383518178919" />
                                <c1:C1GaugeValueColor Color="169, 170, 171" Value="60" ViewTag="644438052407375485" />
                                <c1:C1GaugeValueColor Color="76, 133, 62" Value="60" ViewTag="644719527623749849" />
                                <c1:C1GaugeValueColor Color="50, 99, 42" Value="70" ViewTag="646689859674567049" />
                                <c1:C1GaugeValueColor Color="50, 99, 42" Value="80" ViewTag="645001003190904276" />
                                <c1:C1GaugeValueColor Color="243, 230, 156" Value="80" ViewTag="645282479933345926" />
                                <c1:C1GaugeValueColor Color="240, 164, 32" Value="90" ViewTag="646971334896531733" />
                                <c1:C1GaugeValueColor Color="240, 164, 32" Value="100" ViewTag="645563955232075001" />
                                <c1:C1GaugeValueColor Color="235, 100, 62" Value="100" ViewTag="645845430697773625" />
                                <c1:C1GaugeValueColor Color="155, 38, 32" Value="110" ViewTag="647252810247523796" />
                                <c1:C1GaugeValueColor Color="155, 38, 32" Value="120" ViewTag="646126906011193540" />
                            </ValueColors>
                        </c1:C1GaugeRange>
                        <c1:C1GaugeMarks Alignment="Out" Interval="20" Length="10" Location="72" ViewTag="647248702895735084" Width="1.5">
                            <Border LineStyle="None" />
                            <Filling Color="83, 83, 83" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeMarks Alignment="Out" Interval="5" Length="8" Location="72" ViewTag="647811652849166397" Width="1">
                            <Border LineStyle="None" />
                            <Filling Color="White" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeLabels Color="73, 80, 89" FontSize="7" Interval="20" Location="88" ViewTag="648374602802587709">
                        </c1:C1GaugeLabels>
                    </Decorators>
                    <FaceShapes>
                        <c1:C1GaugeSector CenterRadius="17" CornerRadius="14" InnerRadius="-22" OuterRadius="102" StartAngle="-90" SweepAngle="90">
                            <Border Color="37, 41, 45" />
                            <Filling BrushType="Gradient" Color="83, 84, 83" Color2="37, 41, 45" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSector>
                        <c1:C1GaugeSector CenterRadius="15" CornerRadius="12" StartAngle="-90" SweepAngle="90">
                            <Border Color="83, 84, 83" Thickness="0.5" />
                            <Filling BrushType="Gradient" Color="37, 41, 45" Color2="74, 80, 89" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSector>
                        <c1:C1GaugeSector CenterRadius="13.5" CornerRadius="10" InnerRadius="-18.5" OuterRadius="98.5" StartAngle="-90" SweepAngle="90">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="185, 191, 200" Color2="208, 211, 218" />
                        </c1:C1GaugeSector>
                        <c1:C1GaugeSector CenterRadius="11" CornerRadius="8" InnerRadius="-16" OuterRadius="96" StartAngle="-90" SweepAngle="90">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="83, 84, 83" Color2="231, 240, 241" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSector>
                        <c1:C1GaugeSector CenterRadius="10.5" CornerRadius="7.5" InnerRadius="-15.5" Name="Face" OuterRadius="95.5" StartAngle="-90" SweepAngle="90">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="243, 244, 245" Color2="185, 191, 200" />
                            <Gradient Direction="RadialInner" />
                        </c1:C1GaugeSector>
                    </FaceShapes>
                    <CoverShapes>
                        <c1:C1GaugeSegment InnerRadius="140" SweepAngle="150" StartAngle="-90">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="Transparent" Color2="White" />
                            <Gradient Direction="Vertical" />
                            <Clippings>
                                <c1:C1GaugeClipping Operation="Intersect" ShapeName="Face" />
                            </Clippings>
                        </c1:C1GaugeSegment>
                        <c1:C1GaugeSegment InnerRadius="15" OuterRadius="4" StartAngle="-110" SweepAngle="180">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="Transparent" Color2="White" Opacity="0.1" Opacity2="0.1" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeSegment>
                    </CoverShapes>
                    <Pointer Offset="-13" Shape="Custom" Value="25">
                        <CustomShape EndRadius="1" EndWidth="2" StartWidth="7" StartRadius="2" />
                        <Border Color="200, 240, 90, 40" />
                        <Filling BrushType="Gradient" Color="240, 90, 40" Color2="253, 207, 153" />
                        <Gradient Direction="BackwardDiagonal" />
                        <Shadow Visible="True" Color="73, 80, 89" Opacity="0.4" />
                    </Pointer>
                </c1:C1RadialGauge>
            </Gauges>
        </c1:C1Gauge>
    </div>
    <div class="split50" style="height: 250px">
        <h3>
            Speedometer</h3>
        <c1:C1Gauge ID="C1Gauge1" runat="server" EnableAjax="True" BackImageLayout="None" Height="191px" ImageFormat="Png" TextRenderingHint="AntiAlias" ViewTag="640505324143004351" Width="236px">
            <Gauges>
                <c1:C1RadialGauge Maximum="150" Name="" StartAngle="-125" SweepAngle="245" ViewTag="733102323801033210">
                    <Cap Radius="18">
                        <Border Color="DimGray" />
                        <Filling BrushType="Gradient" Color="White" Color2="Black" />
                        <Gradient CenterPointY="1" Direction="RadialInner" FocusScaleX="0.3" />
                    </Cap>
                    <Decorators>
                        <c1:C1GaugeLabels Alignment="In" Color="224, 224, 224" FontSize="10" Interval="10" Location="78" ViewTag="733665273754454522">
                        </c1:C1GaugeLabels>
                        <c1:C1GaugeMarks Alignment="Out" Interval="10" Length="12" Location="88" ViewTag="734228223707875834" Width="2">
                            <Border Color="64, 64, 64" LineStyle="None" />
                            <Filling Color="Silver" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeMarks Alignment="Out" Interval="5" Length="8" Location="92" ViewTag="734791173661297146" Width="1">
                            <Border Color="64, 64, 64" LineStyle="None" />
                            <Filling Color="Silver" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeLabels Color="Silver" FontSize="8" Interval="12.5" Location="60" SequenceNo="1" ValueFactor="1.6" ViewTag="735354123614718458">
                        </c1:C1GaugeLabels>
                        <c1:C1GaugeMarks Interval="12.5" Length="10" Location="45" SequenceNo="1" ViewTag="735917073568139770" Width="3">
                            <Border LineStyle="None" />
                            <Filling Color="Silver" />
                        </c1:C1GaugeMarks>
                    </Decorators>
                    <FaceShapes>
                        <c1:C1GaugeEllipse Height="-1.03" Width="-1.03">
                            <Border Color="64, 64, 64" />
                            <Filling BrushType="Gradient" Color="64, 64, 64" Color2="Gray" SwapColors="True" />
                        </c1:C1GaugeEllipse>
                        <c1:C1GaugeEllipse>
                            <Border Color="64, 64, 64" />
                            <Filling BrushType="Gradient" Color="64, 64, 64" Color2="Gray" />
                            <Gradient Direction="RadialOuter" Falloff="Triangular" Focus="0.3" />
                        </c1:C1GaugeEllipse>
                        <c1:C1GaugeCaption CenterPointX="0.3" CenterPointY="0.75" Color="Silver" FontSize="11" Text="MPH">
                        </c1:C1GaugeCaption>
                        <c1:C1GaugeCaption CenterPointX="0.65" CenterPointY="0.7" Color="Silver" FontSize="10" Text="km/h">
                        </c1:C1GaugeCaption>
                        <c1:C1GaugeCaption CenterPointY="0.85" Color="Silver" Font="Segoe UI, 9.75pt, style=Bold, Italic" FontSize="12" Text="Speedometer">
                        </c1:C1GaugeCaption>
                    </FaceShapes>
                    <CoverShapes>
                        <c1:C1GaugeSegment InnerRadius="110" SweepAngle="180">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="Gray" Color2="White" Opacity="0.2" Opacity2="0.1" />
                            <Gradient Direction="BackwardDiagonal" Falloff="Triangular" />
                        </c1:C1GaugeSegment>
                    </CoverShapes>
                    <Pointer Offset="0" Shape="Custom" Value="75">
                        <CustomShape EndRadius="1" EndWidth="3" StartWidth="7" />
                        <Border Color="DarkOrange" />
                        <Filling BrushType="Gradient" Color="Orange" Color2="White" SwapColors="True" />
                        <Shadow Visible="True" />
                    </Pointer>
                </c1:C1RadialGauge>
            </Gauges>
        </c1:C1Gauge>
    </div>
    <div class="split50" style="height: 250px">
        <h3>
            Clock</h3>
        <c1:C1Gauge ID="C1Gauge2" runat="server" EnableAjax="True" BackImageLayout="None" Height="191px" ImageFormat="Png" TextRenderingHint="AntiAlias" ViewTag="640505324143004351" Width="236px">
            <Gauges>
                <c1:C1RadialGauge Maximum="60" Name="C1RadialGauge1" StartAngle="0" SweepAngle="360" ViewTag="636272793112967623" Radius="0.48">
                    <Cap Radius="5">
                        <Border Color="DarkGray" Thickness="1" />
                        <Filling Color="SlateGray" />
                        <Shadow Visible="True" />
                    </Cap>
                    <Decorators>
                        <c1:C1GaugeMarks Interval="5" Length="12" Location="86" ViewTag="634302468273582893" From="0.5" ScaleFrom="0" Shadow-OffsetX="0.5" Shadow-OffsetY="0.5" Shadow-Visible="True" Shape="Custom">
                            <CustomShape EndRadius="2.5" StartRadius="1.5" StartWidth="3" />
                            <Border LineStyle="None" />
                            <Filling Color="DarkGray" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeMarks Interval="1" Length="3" Location="90" ViewTag="634583943250743575" Width="3" From="0.5" ScaleFrom="0" Shadow-OffsetX="0.5" Shadow-OffsetY="0.5" Shadow-Visible="True" Shape="Round">
                            <Border LineStyle="None" />
                            <Filling Color="DarkGray" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeLabels Color="Khaki" FontSize="13" Interval="5" Location="69" ViewTag="634865418227634241" Font="Trebuchet MS, 12pt, style=Bold" From="0.5" ScaleFrom="0" Shadow-OffsetX="0.5" Shadow-OffsetY="0.5" Shadow-Visible="True" ValueFactor="0.2">
                        </c1:C1GaugeLabels>
                    </Decorators>
                    <FaceShapes>
                        <c1:C1GaugeEllipse Height="-0.97" Width="-0.97">
                            <Border Color="Khaki" Thickness="2" />
                            <Filling BrushType="Gradient" Color="LightSteelBlue" Color2="53, 72, 105" />
                            <Gradient CenterPointX="0.6" CenterPointY="0.6" Direction="RadialInner" FocusScaleX="0.1" FocusScaleY="0.1" />
                        </c1:C1GaugeEllipse>
                    </FaceShapes>
                    <MorePointers>
                        <c1:C1GaugePointer Length="63" Name="hours" Offset="-15" Shape="Custom" Value="0.23" ValueFactor="5" ViewTag="635146893204754921">
                            <CustomShape EndRadius="1.5" EndWidth="3" StartRadius="2" StartWidth="7" />
                            <Border LineStyle="None" />
                            <Filling Color="128, 48, 48" />
                            <Shadow Visible="True" />
                        </c1:C1GaugePointer>
                        <c1:C1GaugePointer Length="94" Name="minutes" Offset="-15" Shape="Custom" Value="12.3" ViewTag="635428368181515579">
                            <CustomShape EndRadius="1.5" EndWidth="3" StartRadius="2" StartWidth="7" />
                            <Border LineStyle="None" />
                            <Filling Color="48, 48, 128" />
                            <Shadow Visible="True" />
                        </c1:C1GaugePointer>
                        <c1:C1GaugePointer Length="115" Name="seconds" Offset="-25" Shape="Round" Value="17" ViewTag="635709843158236236" Width="2">
                            <Border LineStyle="None" />
                            <Filling Color="LightSlateGray" />
                            <Shadow Visible="True" />
                        </c1:C1GaugePointer>
                    </MorePointers>
                    <Pointer Visible="False">
                    </Pointer>
                </c1:C1RadialGauge>
            </Gauges>
        </c1:C1Gauge>
    </div>
    <div class="split50" style="height: 250px">
        <h3>
            Dial</h3>
        <c1:C1Gauge ID="C1Gauge3" runat="server" EnableAjax="True" BackImageLayout="None" Height="191px" ImageFormat="Png" TextRenderingHint="AntiAlias" ViewTag="640505324143004351" Width="236px">
            <Gauges>
                <c1:C1RadialGauge Maximum="30" Name="C1RadialGauge2" StartAngle="-15" SweepAngle="30" ViewTag="640497775184369276" Radius="3.7" Minimum="-30" PointerOriginY="3.5" Viewport-AspectPinY="0.5" Viewport-AspectRatio="2.1">
                    <Cap Visible="False">
                    </Cap>
                    <Decorators>
                        <c1:C1GaugeMarks Interval="10" Length="4" Location="83" ViewTag="639371875277416646" Alignment="Out" Width="0.15">
                            <Border LineStyle="None" />
                            <Filling Color="Green" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeMarks Interval="5" Length="3" Location="83" ViewTag="641060729845969881" Width="0.15" Alignment="Out">
                            <Border LineStyle="None" />
                            <Filling Color="Green" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeMarks Alignment="Out" Interval="1" Length="2" Location="83" ViewTag="639653350254137302" Width="0.15">
                            <Border LineStyle="None" />
                            <Filling Color="Green" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeLabels Color="DarkSlateGray" FontSize="2.1" Interval="10" Location="89" ViewTag="639934825230857959" Font="Tahoma, 9.75pt" IsRotated="True">
                        </c1:C1GaugeLabels>
                    </Decorators>
                    <FaceShapes>
                        <c1:C1GaugeSector CenterRadius="3" CornerRadius="2" InnerOffset="-150" InnerRadius="220" Name="sc" OuterRadius="93" StartAngle="-15" SweepAngle="30">
                            <Border Color="DarkSeaGreen" Thickness="0.5" />
                            <Filling BrushType="Gradient" Color="Lavender" Color2="LightSlateGray" SwapColors="True" />
                            <Gradient Direction="RadialInner" Falloff="Triangular" ScaleY="0.5" />
                        </c1:C1GaugeSector>
                    </FaceShapes>
                    <Pointer Length="23" Offset="60" Shape="Custom" Value="7">
                        <CustomShape EndAngle="75" EndRadius="0.1" EndSwellAngle="45" EndSwellWidth="0.7" EndWidth="0.6" StartWidth="0.6" />
                        <Border LineStyle="None" />
                        <Clippings>
                            <c1:C1GaugeClipping Operation="Intersect" ScaleFactor="1.01" ShapeName="sc" />
                        </Clippings>
                        <Filling Color="DarkSlateGray" />
                    </Pointer>
                </c1:C1RadialGauge>
            </Gauges>
        </c1:C1Gauge>
    </div>
    <div class="split50" style="height: 250px">
        <h3>
            Numeric</h3>
        <c1:C1Gauge ID="C1Gauge4" runat="server" EnableAjax="True" BackImageLayout="None" Height="191px" ImageFormat="Png" TextRenderingHint="AntiAlias" ViewTag="640505324143004351" Width="236px">
            <Gauges>
                <c1:C1RadialGauge Name="C1RadialGauge3" StartAngle="-120" SweepAngle="240" ViewTag="727472823859016765" Radius="0.45">
                    <Cap Radius="15">
                        <Border Color="DimGray" />
                        <Filling Color="White" BrushType="Gradient" Color2="64, 64, 64" />
                        <Shadow Visible="True" />
                    </Cap>
                    <Decorators>
                        <c1:C1GaugeLabels FontSize="10" Interval="10" Location="90" ViewTag="728035773812438077" AllowFlip="True">
                        </c1:C1GaugeLabels>
                        <c1:C1GaugeRange Location="70" ViewTag="728598723765859389" Width="20">
                            <Border LineStyle="None" />
                            <ValueColors>
                                <c1:C1GaugeValueColor Color="Firebrick" Value="0" ViewTag="729161673719280701" />
                                <c1:C1GaugeValueColor Color="Yellow" Value="30" ViewTag="729724623672702013" />
                                <c1:C1GaugeValueColor Color="LimeGreen" Value="70" ViewTag="730287573626123325" />
                            </ValueColors>
                        </c1:C1GaugeRange>
                        <c1:C1GaugeMarks Interval="10" Length="20" Location="60" ViewTag="730850523579544637" Alignment="Out" Width="1">
                            <Border LineStyle="None" Color="64, 64, 64" />
                            <Filling Color="Black" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeMarks Interval="2.5" Length="10" Location="70" ViewTag="731413473532965949" Width="1" Alignment="Out">
                            <Border LineStyle="None" Color="64, 64, 64" />
                            <Filling Color="Black" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeSingleLabel Angle="180" Font="Courier New, 8.25pt" FontSize="20" Format="0##" PointerIndex="1" ViewTag="731976423486387261">
                        </c1:C1GaugeSingleLabel>
                    </Decorators>
                    <FaceShapes>
                        <c1:C1GaugeEllipse Height="-1.08" Width="-1.08">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="DimGray" Color2="White" SwapColors="True" />
                            <Gradient Direction="Vertical" />
                        </c1:C1GaugeEllipse>
                        <c1:C1GaugeEllipse Height="-1.02" Width="-1.02">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="White" Color2="DimGray" SwapColors="True" />
                        </c1:C1GaugeEllipse>
                        <c1:C1GaugeEllipse>
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="Silver" Color2="Gray" />
                            <Gradient Direction="RadialInner" Falloff="Triangular" Focus="0.08" />
                        </c1:C1GaugeEllipse>
                        <c1:C1GaugeRectangle CenterPointX="0.435" CenterPointY="0.815" Height="20" Width="13">
                            <Border Color="DimGray" />
                            <Filling BrushType="Gradient" Color="Gray" Color2="White" />
                            <Gradient Direction="Vertical" Falloff="Triangular" />
                        </c1:C1GaugeRectangle>
                        <c1:C1GaugeRectangle CenterPointY="0.815" Height="20" Width="13">
                            <Border Color="DimGray" />
                            <Filling BrushType="Gradient" Color="Gray" Color2="White" />
                            <Gradient Direction="Vertical" Falloff="Triangular" />
                        </c1:C1GaugeRectangle>
                        <c1:C1GaugeRectangle CenterPointX="0.565" CenterPointY="0.815" Height="20" Width="13">
                            <Border Color="DimGray" />
                            <Filling BrushType="Gradient" Color="Gray" Color2="White" />
                            <Gradient Direction="Vertical" Falloff="Triangular" />
                        </c1:C1GaugeRectangle>
                    </FaceShapes>
                    <CoverShapes>
                        <c1:C1GaugeSegment InnerRadius="130" SweepAngle="190">
                            <Border LineStyle="None" />
                            <Filling BrushType="Gradient" Color="White" Color2="CornflowerBlue" Opacity="0.6" Opacity2="0.1" />
                            <Gradient Direction="Vertical" Falloff="Triangular" />
                        </c1:C1GaugeSegment>
                    </CoverShapes>
                    <Pointer Length="80" Offset="0" Shape="Triangle" Value="45" Width="10">
                        <Border Color="DimGray" />
                        <Filling Color="Gainsboro" HatchStyle="Wave" />
                        <Shadow Visible="True" />
                    </Pointer>
                </c1:C1RadialGauge>
            </Gauges>
        </c1:C1Gauge>
    </div>
    <div class="split50" style="height: 250px">
        <h3>
            Sliding Scale</h3>
        <c1:C1Gauge ID="C1Gauge5" runat="server" EnableAjax="True" BackImageLayout="None" Height="191px" ImageFormat="Png" TextRenderingHint="AntiAlias" ViewTag="640505324143004351" Width="236px">
            <Gauges>
                <c1:C1RadialGauge Maximum="38" Name="C1RadialGauge4" StartAngle="-120" SweepAngle="60" ViewTag="649786459859508269" Radius="2.2" Minimum="8" PointerOriginX="2" SlidingScale="True" Viewport-AspectPinX="0.45" Viewport-AspectRatio="0.5">
                    <Cap Visible="False">
                    </Cap>
                    <Decorators>
                        <c1:C1GaugeMarks Interval="5" Length="6.5" Location="75" ViewTag="648660559952575640" ScaleFrom="-30" Shape="Round" Alignment="In" ScaleTo="30" Width="0.6">
                            <Border LineStyle="None" Color="Blue" />
                            <Filling Color="RoyalBlue" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeMarks Interval="1" Length="4" Location="75" ViewTag="648942034929296296" Width="0.6" ScaleFrom="-30" Shape="Round" Alignment="In" ScaleTo="30">
                            <Border LineStyle="None" />
                            <Filling Color="IndianRed" />
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeLabels Color="MidnightBlue" FontSize="4" Interval="5" Location="63" ViewTag="649223509906016953" ScaleFrom="-30" IsRotated="True" ScaleTo="30" TextAngle="90">
                        </c1:C1GaugeLabels>
                    </Decorators>
                    <FaceShapes>
                        <c1:C1GaugeSegment CenterPointX="0.305" CornerRadius="12" InnerRadius="100" OuterRadius="50" StartAngle="-180" SweepAngle="180">
                            <Border Color="64, 64, 64" />
                            <Filling BrushType="Gradient" Color="SlateGray" Color2="White" HatchStyle="Vertical" SwapColors="True" />
                            <Gradient Direction="RadialInner" Falloff="SigmaBell" />
                        </c1:C1GaugeSegment>
                    </FaceShapes>
                    <Pointer Alignment="Center" FlipShape="True" Length="4" Offset="80" Shape="Custom" Value="23">
                        <CustomShape EndRadius="0.333333333333" EndWidth="0.5" StartRadius="0.5" />
                        <Border Color="OrangeRed" />
                        <Filling BrushType="Gradient" Color="LightCoral" Color2="Red" />
                        <Gradient Direction="BackwardDiagonal" />
                    </Pointer>
                </c1:C1RadialGauge>
            </Gauges>
        </c1:C1Gauge>
    </div>
    <div class="split50" style="height: 250px">
        <h3>
            Helical</h3>
        <c1:C1Gauge ID="C1Gauge6" runat="server" EnableAjax="True" BackImageLayout="None" Height="191px" ImageFormat="Png" TextRenderingHint="AntiAlias" ViewTag="640505324143004351" Width="236px">
            <Gauges>
                <c1:C1RadialGauge Name="C1RadialGauge5" StartAngle="-90" SweepAngle="1046" ViewTag="648380565717915800" Radius="0.55" PointerOriginX="0.48" PointerOriginY="0.47" Viewport-AspectRatio="0.95">
                    <Cap Visible="False">
                    </Cap>
                    <Decorators>
                        <c1:C1GaugeMarks Length="22" Location="20" ViewTag="646410240880851202" Shadow-OffsetX="0.5" Shadow-OffsetY="0.5" Shadow-Visible="True" Shape="Round" IntervalWidth="15" Location2="90" ShowIrregularTo="True" Width="12">
                            <Border LineStyle="None" />
                            <ValueColors>
                                <c1:C1GaugeValueColor Color="Crimson" Value="0" ViewTag="646691715857581860" />
                                <c1:C1GaugeValueColor Color="Chocolate" Value="50" ViewTag="646973190834302516" />
                                <c1:C1GaugeValueColor Color="Teal" Value="80" ViewTag="647254665811013172" />
                                <c1:C1GaugeValueColor Color="Olive" Value="100" ViewTag="647536140787723828" />
                            </ValueColors>
                        </c1:C1GaugeMarks>
                        <c1:C1GaugeLabels Color="White" FontSize="6.5" Location="20" ViewTag="647817615764444485" AllowFlip="True" Format="n1" IntervalWidth="15" IsRotated="True" Location2="90" ShowIrregularTo="True" TextAngle="90">
                        </c1:C1GaugeLabels>
                        <c1:C1GaugeSingleMark Angle="0" ImmediateUpdate="True" Length="24" Location="75" OrthogonalOffset="75" PointerIndex="100" Shadow-OffsetX="0.5" Shadow-OffsetY="0.5" Shadow-Visible="True" Shape="Round" ShapeAngle="90" ViewTag="658795202539365343" Width="12">
                            <Border LineStyle="None" />
                            <Filling Color="CadetBlue" />
                            <ValueColors>
                                <c1:C1GaugeValueColor Color="Crimson" Value="0" ViewTag="661328481413244809" />
                                <c1:C1GaugeValueColor Color="Chocolate" Value="50" ViewTag="661609956394915749" />
                                <c1:C1GaugeValueColor Color="Teal" Value="80" ViewTag="661891431375216610" />
                                <c1:C1GaugeValueColor Color="Olive" Value="100" ViewTag="662172906356387521" />
                            </ValueColors>
                        </c1:C1GaugeSingleMark>
                        <c1:C1GaugeSingleLabel Angle="0" Color="White" FontSize="6.5" Format="n1" ImmediateUpdate="True" Location="75" OrthogonalOffset="75" PointerIndex="100" ViewTag="659076679335980092">
                        </c1:C1GaugeSingleLabel>
                    </Decorators>
                    <Pointer Alignment="Center" Length="26" Offset="20" Offset2="90" Shape="Round" Value="100" Width="16">
                        <Border Color="Black" Thickness="2" />
                        <Filling BrushType="Gradient" Color="White" Color2="White" Opacity="0.7" Opacity2="0.1" SwapColors="True" />
                        <Gradient Direction="CornerRay" />
                    </Pointer>
                </c1:C1RadialGauge>
            </Gauges>
        </c1:C1Gauge>
    </div>
    <div class="clear">
    </div>
</asp:Content>


